<template>
  <!-- 我的爱车 -->
  <!-- <page-loading :show="showPage" mode='show'> -->
    <view class="container">
      <view class="content" v-show="list.length">
        <view>
          <view class="flex flex-jc-sb">
            <view class="look pz"></view>
            <view class="look">
              <text @click="edit" :class="editname === '完成' ? 'editcss' :'editdelete'">{{editname}}</text>
              <text v-if="list.length<5">|</text>
              <text @click="addConf" v-if="list.length<5">添加</text>
            </view>
          </view>
          <view>
            <swiper :current="currentIndex" :circular="true" previous-margin="80rpx" next-margin="80rpx" :interval="3000"
              :duration="100" @change="swierChange" :id="id">
              <swiper-item v-for="(item,i) in list" :key="item.id" :item-id="String(item.id)" class="swiper">
                <view @click='delcars(item.id)'>
                  <i-icon icon="iconshanchu" color="#FBD220" class="del" v-show="isIcon"></i-icon>
                </view>
                <view class="viewimgs">
                  <image :src="item.car_Tyoe_img" class="slide-image" :class="currentIndex === i?'active':''" mode="heightFix"
                    @error="imageError"></image>
                </view>
                <view class="content-footer">
                  <view class="names">{{item.car_Type_Name}}</view>
                  <view class="name2">{{item.car_Name}}</view>
                </view>
              </swiper-item>
            </swiper>
          </view>
        </view>
      </view>

      <view :class="[(isFixedTop) ? 'fixedTop' : '']" id="box" class="box" style="margin-bottom: 10rpx;">
        <u-tabscopy :duration="0.3" font-size="24" class="iconbox" :list="lists" :is-scroll="false" height="125"
          bar-width="60" bar-height="6" active-color="#FBD220" :current="current" @change="change" inactive-color="#999999"></u-tabscopy><!-- itemWidth="150" -->
        <view class="mt-10">
          <u-gap height="24" bg-color="#F6F6F6"></u-gap>
        </view>
      </view>
      <view :class="[(isFixedTop) ? 'fixedTopjl' : '']">
        <basicInformation :tab-index="current" :list="list" :carid="carid" :currentIndex="currentIndex" v-show="current === 0" />
        <maintenanceRecords :tab-index="current" :carid="carid" v-show="current === 1" />
        <vehicleProfile :tab-index="current" :carid="carid" v-show="current === 2" :isFixedTop="isFixedTop" />
        <inspectionRecord :isFixedTop="isFixedTop" :tab-index="current" :carid="carid" :inspectstate="inspectstate"
          :orderid="orderid" v-show="current === 3" />
      </view>

      <!-- <u-gap height="1500" bg-color="#F6F6F6"></u-gap> -->


      <!-- 默认图 -->
      <!-- <defaultImg :show="!defaultImg"></defaultImg> -->
    </view>
  <!-- </page-loading> -->
</template>

<script src="./mylovecarInformation.js"></script>
<style scoped lang="scss">
  @import './mylovecarInformation.scss';
</style>
